<!--个人文章发布界面-->
<!--首页-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>chenwei</title>
    <link rel="icon" href="/static/img/favicon.ico" />
	<link rel="stylesheet" href="/static/css/pub.css" type="text/css">
    <link rel="stylesheet" href="/static/css/nav.css" type="text/css">
    <script src="/static/lib/epiceditor/js/epiceditor.js"></script>
</head>
<body>
    <header>
    	<div class="container">
            <a href="index.html">BUSI<span>-前端学习之路</span></a>
    		<nav>
	    		<a href="">首页</a>
		    	<a href="http://127.0.0.1:8000/blog/">BLOG</a>
		    	<a href="#">CV</a>
		    	<a href="http://127.0.0.1:8000/login/">登录/注册</a>
			</nav>
    	</div>
    </header>
    <div class="pub">
        <form class="pub-art" method="POST">
        <h2>文章发布(支持markdown)</h2>
        <input class="input-title" type="text" name="articletitle" value="" required placeholder="请输入文章标题">
        <div id="epiceditor">
            <textarea id="editor" placeholder="请输入文章内容" name="body"></textarea>
        </div>
        <script language="JavaScript">
            var opts = {
                container: 'epiceditor',
                textarea: editor,
                basePath: '/static/lib/epiceditor',
                clientSideStorage: true,
                localStorageName: 'epiceditor',
                useNativeFullscreen: true,
                parser: marked,
                file: {
                    name: 'epiceditor',
                    defaultContent: '',
                    autoSave: 100
                },
                theme: {
                    base: '/themes/base/epiceditor.css',
                    preview: '/themes/preview/bartik.css',
                    editor: '/themes/editor/epic-light.css'
                },
                button: {
                    preview: true,
                    fullscreen: true,
                    bar: "auto"
                },
                focusOnLoad: false,
                shortcut: {
                    modifier: 18,
                    fullscreen: 70,
                    preview: 80
                },
                string: {
                    togglePreview: 'Toggle Preview Mode',
                    toggleEdit: 'Toggle Edit Mode',
                    toggleFullscreen: 'Enter Fullscreen'
                },
                autogrow: true
            }
            var editor = new EpicEditor(opts);
            editor.load();
        </script>
        <input class="submit" type="submit" value="提交">
        <input class="reset" type="reset" value="重置">
    </form>
    </div>
</body>
</html>